<template>
	<view class="uiwu">
		<view class="title">{{ item.title }}</view>
		<view class="content" v-html="item.content"></view>
	</view>
</template>

<script setup lang="ts">
import { probleminfo, uiwu } from '@/api/interface/interface';
import { onLoad } from '@dcloudio/uni-app';
import { ref } from 'vue';
const item = ref({})
const getprobleminfo = async (id: string) => {
	const { data } = await probleminfo(id);
	data.content = uiwu.richtext(data.content)
	item.value = data
}
onLoad(({ id }) => {
	getprobleminfo(id)
})
</script>

<style lang="scss">
.uiwu {
	padding: 0 32rpx;
}

.title {
	font-size: 32rpx;
	font-weight: bold;
	color: #231815;
	padding: 42rpx 0 20rpx;
}

.content {
	font-size: 28rpx;
	font-weight: 500;
	color: #444444;
}
</style>
